html, body, #root {
  height: 100% !important;
}

#root {
  width: 100% !important;
  font-size: 14px;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }

  a:hover {
    color: #747bff;
  }

  button {
    background-color: #f9f9f9;
  }
}

.contentEditable{
  word-break: break-all !important;
}

/* .ant-modal-wrap{
  pointer-events: none;
} */

/* .dndflow {
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  height: 100%;
} */

div.react-flow__panel.react-flow__attribution.bottom.right {
  display: none;
}

/* 针对 Webkit 浏览器（如 Chrome、Safari） */
::-webkit-scrollbar {
  width: 4px;
  height: 4px; 
}

::-webkit-scrollbar-track {
  background: transparent;
  /* 滚动条轨道的背景色 */
}

::-webkit-scrollbar-thumb {
  background: #dddddd;
  /* 滚动条的颜色 */
  border-radius: 4px;
  /* 滚动条的圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background: #dedede;
  /* 滚动条在悬停时的颜色 */
}

/* 针对 Firefox */
* {
  scrollbar-width: thin;
  /* 滚动条的宽度 */
  scrollbar-color: #ECECEC #ffffff00;
  /* 滚动条的颜色和轨道的背景色 */
}